﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<div>
    <div id="JobAdBox" class="ctl38_HeaderContainer">
        <ul class="JobNewTab">
            <li onclick="TabClick('Tabjobconten1');"><h2><a><span>Việc làm cho bạn</span></a></h2></li>
            <li onclick="TabClick('Tabjobconten2');" ><h2><a><span>Người đi tìm việc</span></a></h2></li>
            <li onclick="TabClick('Tabjobconten3');" ><h2><a><span>Việc làm theo ngành nghề</span></a></h2></li>
        </ul>
    </div>
    <div style="clear: both;"></div>
    <div id="Tabjobconten1">
        <%Html.RenderAction("TabJobs", "AdJob", new { Id = 4});%>
    </div>
    <div id="Tabjobconten2" style="display:none"></div>
    <div id="Tabjobconten3" style="display:none"></div>
</div>
 <script type="text/javascript">
    function TabClick(id) {
        if (id == 'Tabjobconten1') {
            document.getElementById(id).style.display = 'block';
            $("#" + id).html("<div class=\"product-list tin-danh-cho-ban\"><div style=\"text-align:center; padding:20px 0px 20px 0px; \"> <img src=\"/Images/LoadProgress.gif \" /></div></div>");
            LoadTabJob('4', id);
            document.getElementById('Tabjobconten2').style.display = 'none';
            document.getElementById('Tabjobconten3').style.display = 'none';
        }
        if (id == 'Tabjobconten2') {
            LoadTabJob('5', id);
            document.getElementById(id).style.display = 'block';
            $("#" + id).html("<div class=\"product-list tin-danh-cho-ban\"><div style=\"text-align:center; padding:20px 0px 20px 0px; \"> <img src=\"/Images/LoadProgress.gif \" /></div></div>");
            document.getElementById('Tabjobconten1').style.display = 'none';
            document.getElementById('Tabjobconten3').style.display = 'none';
        }
        if (id == 'Tabjobconten3') {
            document.getElementById(id).style.display = 'block';
            $("#" + id).html("<div class=\"product-list tin-danh-cho-ban\"><div style=\"text-align:center; padding:20px 0px 20px 0px; \"> <img src=\"/Images/LoadProgress.gif \" /></div></div>");
            LoadTabJobCategory('4');
            document.getElementById('Tabjobconten1').style.display = 'none';
            document.getElementById('Tabjobconten2').style.display = 'none';
        }
    }
</script>